<template>
	<el-select
		v-model="form"
		multiple
		v-bind="$attrs"
	>
		<el-option
			v-for="item in options"
			:key="item.value"
			:label="item.label"
			:value="item.value"
		>
		</el-option>
	</el-select>
</template>

<script>
	import vModelMixins from "../../../../utils/mixins/vModelMixins";
	export default {
		mixins: [vModelMixins],
		data() {
			return {
				options: []
			};
		},
		methods: {
			async getData() {
				this.options = [
					{
						value: "选项1",
						label: "黄金糕"
					},
					{
						value: "选项2",
						label: "双皮奶"
					},
					{
						value: "选项3",
						label: "蚵仔煎"
					},
					{
						value: "选项4",
						label: "龙须面"
					},
					{
						value: "选项5",
						label: "北京烤鸭"
					},
					{
						value: "选项6",
						label: "北京鸭33"
					},
					{
						value: "选项7",
						label: "北京鸭3334"
					}
				];
			}
		},
		created() {
			this.getData();
		}
	};
</script>
<style lang="scss" scoped>
	/deep/.el-select__tags {
    flex-wrap: nowrap !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
	}
</style>